<template>
	<el-menu :default-active="$route.path" class="" mode="horizontal" @select="handleSelect" background-color="lightskyblue" text-color="#fff" active-text-color="#ffd04b" router>
		<el-menu-item index="/home">系统模块</el-menu-item>
		<!--<el-menu-item index="/fanzhangguiWeb">范掌柜</el-menu-item>-->
		<el-submenu index="3" style="float: right;">
			<template slot="title">我的</template>
			<el-menu-item class="menu_drop_item" index="2-1">选项1</el-menu-item>
			<el-menu-item class="menu_drop_item" index="2-2">选项2</el-menu-item>
			<el-menu-item class="menu_drop_item" index="2-3">退出</el-menu-item>
		</el-submenu>
	</el-menu>
</template>

<script>
	export default {

		data() {
			return {};
		},
		methods: {
			handleSelect(key, keyPath) {
				console.log(key);
				var that = this;
				this.$nextTick(function() {
					that.activeIndex = key;
				})

			}

		}
	}
</script>

<style>
	.el-header {
		padding: 0;
		/*width: 100%;*/
	}
</style>